$(function () {
    var list = document.querySelector(".skin_right .skin_right_bottom");
    $.ajax({
        url: "../static/json/list.json",
        datatype: "json",
        success: function (res) {
            render(res);
            // console.log(res);
        }
    })
    function render(res) {
        var html = "";
        for (var i = 0; i < res.length; i++) {
            html += `
            <div class="box">
                    <img src="${decodeURIComponent(res[i].img)}">
                    <p>${res[i].p}</p>
                    <p>${res[i].p1}</p>
                    <p>${res[i].p2}</p>
                    <select name="" id="">
                        <option value="">${res[i].option1}</option>
                        <option value="">${res[i].option1}</option>
                        <option value="">${res[i].option1}</option>
                    </select><br>
                    <button>${res[i].button}</button>
                </div>
            `
        }
        list.innerHTML = html
    }
})